/*
* @Author: asdw
* @Date:   2017-12-28 10:04:32
* @Last Modified by:   asdw
* @Last Modified time: 2017-12-28 10:12:51
*/
/**
 * 1. 用于指示当前划入位置的半透明区域块名称指向 如：".fierbox";
 * 2. 响应鼠标划入图的容器名称指向 如：".fierContent";
 * 3. 大图容器名称指向 如：".fierContentM";
 */
var Yeffect = {
    magnifier: function (msk, xtu, dtu) {
        var mskObj = $(msk);
        var dtuObj = $(dtu);
        var xtuObj = $(xtu);
        var dtuIMG = dtuObj.find("img");
        var imgsrc = xtuObj.find("img").attr("src");
        if (dtuIMG.length < 1) {
            dtuObj.append("<img src='" + imgsrc + "'>");
            dtuIMG = dtuObj.find("img")
        } else {
            dtuIMG.attr("src", imgsrc)
        };
        dtuIMG.css({
            position: "absolute",
            width: "200%",
            height: "200%"
        });
        mskObj.hide();
        dtuObj.hide();
        var Xz = 0;
        var Yz = 0;
        var wid = xtuObj.width() / 4;
        var het = xtuObj.height() / 4;
        xtuObj.hover(function () {
            mskObj.show();
            dtuObj.show()
        }, function () {
            mskObj.hide();
            dtuObj.hide()
        });
        $(dtu + " img").css({
            marginLeft: wid * 2,
            marginTop: het * 2
        });
        mskObj.css({
            marginLeft: -wid,
            marginTop: -het
        });
        dtuIMG.css("left", -parseInt(mskObj.css("left")) * 2);
        dtuIMG.css("top", -parseInt(mskObj.css("top")) * 2);
        xtuObj.mousemove(function (e) {
            Xz = e.pageX - $(this).offset().left;
            Yz = e.pageY - $(this).offset().top;
            mskObj.css("left", Xz);
            mskObj.css("top", Yz);
            if (Xz < wid) {
                mskObj.css("left", wid)
            };
            if (Xz > wid * 3) {
                mskObj.css("left", wid * 3)
            };
            if (Yz < het) {
                mskObj.css("top", het)
            };
            if (Yz > het * 3) {
                mskObj.css("top", het * 3)
            };
            dtuIMG.css("left", -parseInt(mskObj.css("left")) * 2);
            dtuIMG.css("top", -parseInt(mskObj.css("top")) * 2)
        })
    }
};
